@image-viewer: ~"@{prefix}-image-viewer";

@image-viewer-icon-font-size: 24px;

@image-viewer-nav-height: var(--td-image-viewer-nav-height, 48px);
@image-viewer-nav-bg-color: var(--td-image-viewer-nav-bg-color, #000);
@image-viewer-nav-color: var(--td-image-viewer-nav-color, @font-white-1);
@image-viewer-nav-index-font-size: var(--td-image-viewer-nav-index-font-size, @font-size-base);
@image-viewer-close-margin-left: var(--td-image-viewer-close-margin-left, @spacer-1);
@image-viewer-delete-margin-right: var(--td-image-viewer-delete-margin-right, @spacer-1);
@image-viewer-mask-bg-color: var(--td-image-viewer-mask-bg-color, @mask-active);
